# Storybook

O Storybook é uma ferramenta para o desenvolvimento de componentes de interface do usuário isolados para React, Vue e Angular. Torna a criação de UIs impressionantes organizada e eficiente.

# Utilizando no Vue

Vamos utilizar o instalador global:

npx -p @storybook/cli sb init --type vue

Agora podemos criar nossas histórias em ./src/stories/**

Para rodar o storybook, usamos o comando yarn storybook

Imagem selecionando o vuetify

  • Não será explicado a sua utilização no projeto pois iria distânciar da ideia do 4noobs, apenas mostramos como utilizar no Vue, realmente recomendamos que dê uma lida sobre, pois pode ser muito útil para documentação de projetos.

Na próxima seção, iremos começar a mostrar um pouco mais do Ecossistema do Vue, nos vemos lá!

Próxima Seção